<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-08-30 18:01:59
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2023-11-23 16:33:10
 * @FilePath: \zjgxpt\zdgy\src\components\commonPublic\fromLayout.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="department" id="department">
        <div class="structureTree" v-if="treelength">

            <slot name="treebox">
            </slot>
        </div>
        <div class="department_right">
            <slot name="breadcrumb">
            </slot>
            <div class="mechanism_nav" ref="serchbox">
                <div class="mechanism_nav_left">
                    <slot name="serchbox">
                    </slot>
                </div>

                <div class="mechanism_nav_right">
                    <div class="printTable">
                        <slot name="btnbox"></slot>
                    </div>
                </div>
            </div>
            <div class="text_table">

                <slot name="tabcom">
                </slot>

            </div>
        </div>
    </div>
</template>
<script>

export default {
    props: {
        treelength: {
            type: Boolean,
            default: false
        },

    },




};
</script>
<style lang='less' scoped>
.TensionExceedHandle {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mechanism_nav {
    display: flex;
}

.mechanism_nav_left {
    width: 60%;
    margin-left: 5px;

}

.mechanism_nav_right {

    height: 100%;
    width: 40%;
    margin-right: 17px;

    .printTable {
        height: 100%;
    }
}
</style>